/*------------------------------------------------------------------
[Table of contents]

1. Typography
2. Elements
3. Header
4. Home
5. Blog
6. Contact 
7. About 
8. Service
9. Projects
10. Comment
11. Sidebar
12. Responsive
-------------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  color: #666;
  font-size: 14px;
  font-family: 'Open Sans', Arial, sans-serif;
  word-wrap: break-word;
  overflow-x: hidden;
  background: #fff!important;
}
:focus {
  outline: none;
}
/* Typography
----------------------------------------------------------*/
a {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #ffae4e;
  text-decoration: none;
}
a:focus,
a:active {
  outline: 0;
  text-decoration: none;
  color: #666;
}
a img {
  border: none;
}
h4 a {
  color: #333;
}
h4 a:hover {
  color: #ffae4e;
}
input[type=submit] {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1.2;
  color: #c09d5b;
}
h4 {
  line-height: 23px;
  color: #333;
}
h5 {
  font-size: 15px;
}
h6 {
  
}
p {
  line-height: 24px;
}
/* Elements
----------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
	
}

iframe {
  border: none;
  vertical-align: top;
}
blockquote {
  font-style: italic;
  border-left: 2px solid #d4d8df;
  margin-left: 30px;
  margin-right: 30px;
  padding: 5px 20px;
  font-size: 16px;
}
::-moz-selection {
  color: #fff;
  background: #ffae4e;
}
::selection {
  color: #fff;
  background: #ffae4e;
}
/* Clearfix
----------------------------------------------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.none-style {
  list-style: none;
  padding-left: 0;
}
.top-40 {
  margin-top: 40px;
}
.mb-3 {
	margin-bottom:30px;
}
/*Header*/
.top-line {
  height: 5px;
  background: #ffae4e;
}
header {
  -webkit-transition: .3s;
  transition: .3s;
  background: #fff;
  z-index: 999;
}
header .logo {
  text-align:left;
  float: left;
  width:72px;
}
header .logo img {
  vertical-align: top;
  max-width: 100%;
}
header .top-info {
  float: right;
}
.mobile_h2_logo{display:none;}
header .btn-toggle {
  display: none;
}
.nav {
  float: right;
  margin-left: 50px;
  text-transform: uppercase;
  -webkit-transition: .3s;
  transition: .3s;
}
.nav .main-menu {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav .main-menu li {
  position: relative;
  clear: both;
}
.nav .main-menu li:hover > ul {
  opacity: 1;
  top: 70%;
	left: 10%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.nav .main-menu li ul {
  -webkit-transition: top 0.3s ease 0s, opacity 0.3s;
  transition: top 0.3s ease 0s, opacity 0.3s;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  opacity: 0;
  top: 115%;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  margin: 0;
  display: block;
  left: 0;
  padding: 0;
  min-width: 110px;
  white-space: nowrap;
	background-color:#eae9e9;
}
.nav .main-menu li ul a {
  line-height: 41px;
  padding: 0 23px;
font-size: 16px;
}
.nav .main-menu li ul a:hover,
.nav .main-menu li ul a:focus {
  background: #ffae4e;
  color: #333;
}
.nav .main-menu li.current-menu-item a,
.nav .main-menu li.current-menu-parent a{
  color: #ffae4e;
	
}
.nav .main-menu li ul li.current-menu-item a,
.nav .main-menu li ul li.current-menu-parent a{
  background: #ffae4e;
  color: #333;
}
.nav .main-menu li ul ul {
  opacity: 0;
  top: 0;
  left: 110%;
  -webkit-transition: left 0.3s ease 0s, opacity 0.3s;
  transition: left 0.3s ease 0s, opacity 0.3s;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
}
.nav .main-menu li ul li:hover > ul {
  opacity: 1;
  left: 100%;
  top: 0;
}
.nav .main-menu > li {
  display: inline-block;
  padding: 40px 28px;
}
.nav .main-menu a {
  color: #666;
  text-decoration: none;
  
	
}
.nav .main-menu a:hover {
  color: #C09D5B;
}
.nav .main-menu a i {
  margin-right: 6px;
}
.nav .arrow-parent {
  display: none;
}
.nav .main-menu li:last-child ul {
  
  left: 10%;
}
.nav .main-menu li:last-child ul ul {
  right: 110%;
  top: 0;
  -webkit-transition: right 0.3s ease 0s, opacity 0.3s;
  transition: right 0.3s ease 0s, opacity 0.3s;
}
.nav .main-menu li:last-child ul li:hover > ul {
  right: 100%;
  left: auto;
}
.header5 .top-menu .nav .main-menu > li:first-child {
  padding-left: 0;


}
.nav .main-menu li >a{
	font-size: 20px;
}
.top-info {

  text-transform: uppercase;
  font-weight: bold;
  color: #888;
  margin: 16px 0;
  padding-left: 30px;
  border-left: 1px solid #f2f2f2;
  -webkit-transition: .3s;
  transition: .3s;
}
.top-info p {
  line-height: 20px;
}
.top-info a {
  color: #888;
}
.top-info a:hover {
  color: #ffae4e;
}
.top-info .socials {
  padding-top: 7px;
}
.top-info .socials a {
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  border: 1px solid #e8e8e8;
  color: #999;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 28px;
  margin-right: 3px;
}
.top-info .socials a:hover {
  border-color: #ffae4e;
  color: #ffae4e;
}

.max-container{
    max-width: 1400px;
}


/*Hearder 3*/
.header3 {
  
 
  width: 100%;
  background: #FFFFFF;
}
.header3 .top-info {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  color: #3c3737;
}
.header3 .top-info a {
  color: #3c3737;
}
.header3 .top-info a:hover {
  color: #ffae4e;
}
.header3 .nav .main-menu > li > a {
  color: #3c3737;
	font-size: 20px;
}

header.clone .nav .main-menu > li > a {
  color: #000000;
	font-size: 20px;
}
.header3 .nav .main-menu > li > a:hover {
  color: #ffae4e;
}
.header3 .nav .main-menu ul a {
  color: #666;
}
.header3.smaller {
  background: #ffffff;
}
.header3 .btn-toggle {
  color: #fff;
}
/*Header 4*/
.header4 .top-info {
  margin-left: 10px;
  margin-top: 30px;
  text-transform: none;
  font-weight: 600;
  border: none;
}
.header4 .top-info p {
  float: left;
  margin: 0 20px;
  margin-bottom: 0;
}
.header4 .top-info .socials {
  float: left;
  padding-top: 0;
  margin: 0;
}
.header4 .top-info .socials a {
  border: none;
  width: auto;
  height: auto;
  line-height: 20px;
  margin-left: 15px;
  margin-right: 0;
}
/*Header 5*/
.search-box {
  float: right;
  margin-top: 15px;
}
.search-box input[type=text] {
  border: none;
  font-size: 15px;
  width: 140px;
}
.search-box button {
  border: none;
  background: transparent;
  font-size: 15px;
}
.smaller .search-box {
  display: none;
}
/*================LAYOUT================*/
        .inner_banner {
            width: 100%;
            height: 500px; /* 设置banner图固定高度 */
            background-size: cover; /* 图片铺满容器，保持比例不变 */
            background-position: center; /* 图片居中显示 */
            background-repeat: no-repeat; /* 不重复平铺 */
        }
.page-title{
            width: 100%;
            height: 450px; /* 设置图片固定高度 */
            overflow: hidden; /* 隐藏超出部分 */
}
.page-title img{
            width: 100%;
            height: auto;
            object-fit: cover; /* 图片铺满容器 */
}

.page-title h1 {
  margin: 0;
  padding: 39px 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
}
.breadcrumbs {
  border-bottom: 1px solid #ebebeb;
 background:#f2f2f2;
}
.breadcrumbs ul {
  margin-bottom: 0;
  padding: 0;
}
.breadcrumbs li {
  list-style: none;
  color: #888;
  display: inline-block;
  padding: 15px 0;
}
.breadcrumbs a {
  color: #555;
}
.breadcrumbs a:hover {
  color: #ffae4e;
}
.breadcrumbs span {
  margin: 0 6px;
}
.box-shadow {
  width: 100%;
  height: 50px;
  background: #FFF;
  margin: auto;
  position: relative;
}
.box-shadow:before,
.box-shadow:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
  top: 80%;
  bottom: 0;
  left: 30px;
  right: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.crumb li{
    padding:22px 0px;
}

/* 在线留言  ----------------------- */
.input-form{
    width:100%;
}

.cc-form--input{
    
    
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-color: var(--border-color,#eee);
    border-radius: 2.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-variant: tabular-nums;
    height: 2.2em;
    max-width: 100%;
    padding: 4px 11px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    width: 100%
    
}

.cc-form--input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.cc-form--input:-ms-input-placeholder {
    text-overflow: ellipsis
}

.cc-form--input:placeholder-shown {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.cc-form--input:focus,.cc-form--input:hover {
    border-color: #3095fb;
    border-color: var(--theme-color,#3095fb)
}

textarea.cc-form--input{
    height: auto;
    line-height: 1.5;
    max-width: 100%;
    min-height: 32px;
    resize: vertical;
    -webkit-transition: all .3s,height 0s;
    -o-transition: all .3s,height 0s;
    transition: all .3s,height 0s;
    vertical-align: bottom
}
.cc-element--wrapper {
    -ms-flex-negative: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
    max-width: 100%
}
.cc-form--content {
    padding: 5px 20px;
    font-size: 14px;
    font-size: var(--font-size);
}
.slot-main {
    
    font-size: 15px;
    line-height: normal;
   
}
.input-button{
    width: 100%;
    font-size: 16px;
    
    line-height: normal;
    padding:9px 14px;
}
/* Back to Top Button  ----------------------- */
#back-to-top {
  color: #fff;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  display: none;
  text-align: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 10000;
  height: 35px;
  width: 35px;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
#back-to-top i {
  padding-top: 6px;
  font-size: 20px;
}
#back-to-top:hover {
  background: rgba(255, 174, 78, 0.7);
}
/*Home Page 1*/
.home h2 {
  margin-bottom: 70px;
  position: relative;
}
.home h2.left {
  margin-bottom: 55px;
}
.home section {
  padding: 50px 0 25px;
  position: relative;
}
.home .shadow-section,
.shadow-section {
  margin-top: -50px;
  padding: 0;
  z-index: 0;
  position: relative;
}
.home .our-services {
  padding: 50px 0 30px;
}
.home .partners {
  padding: 60px 0;
  background: #f4f4f4;
}
.home .features-home2 {
  padding: 75px 0;
}
.home .latest-project {
  padding-bottom: 0;
}
.home .latest-project2 {
  padding-bottom: 0;
  
}
.home .latest-project2 h2 {
 
}
.home .features-home,
.home .action-image,
.home .home-slider {
  padding: 0;
}
.home .features-home.home3 .parallax-hourse,
.home .action-image.home3 .parallax-hourse,
.home .home-slider.home3 .parallax-hourse {
  padding-top: 30px;
}
.home .home-banner {
  background: url(images/home3.jpg) top center no-repeat;
  padding: 300px 0 200px;
  background-attachment: fixed;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
.home .home-banner .overlay {
  background: rgba(12, 20, 32, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.home .parallax-action {
  padding: 120px 0;
  background: url(images/bg-home1.jpg) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  z-index: 1;
}
.home .parallax-action .overlay {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
h2.after:before,
h2.after:after {
  position: absolute;
  height: 1px;
  background: #ccc;
  width: 80px;
  bottom: -17px;
  left: 50%;
  margin-left: -40px;
  content: '';
}
h2.left.after:before,
h2.left.after:after {
  left: 0;
  margin-left: 0;
}
h2.after:after {
  bottom: -20px;
}

.new-h2{
	margin: 10px !important;
	letter-spacing: 2px;
	font-size: 36px;
}

.h2-div{
	margin-bottom: 20px;
}
.title-p{
	color: #c09d5b;
	letter-spacing: 2px;
	font-size: 12px;
}
.product-line{
	  border: 2px solid #e7e7e7; /* 设置2像素宽的黑色实线边框 */
  border-radius: 10px; /* 设置10像素的圆角 */
	padding: 40px 20px;
}
.latest-list {
  overflow: hidden;
}
.latest-list .item-latest {
  width: 25%;
  float: left;
  position: relative;
}
.latest-list .item-latest .overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.latest-list .item-latest h4 {
  line-height: 1;
  margin: 0 0 8px;
  font-weight: 600;
}
.latest-list .item-latest h4 a {
  color: #fff;
}
.latest-list .item-latest .cat-name {
  color: #ccc;
}
.latest-list .item-latest .cat-name a {

  color: #ccc;
}
.latest-list .item-latest:hover .overlay {
  opacity: 1;
}
.latest-list.list3 .item-latest {
  width: 33.33%;
}


.image-container {
    display: flex;
  }
  .brand-image {
    position: relative;
    flex: 1;
    text-align: center;
  }
  
  .brand-image img {
  transition: transform 0.3s;
}

.brand-image:hover img {
  transform: scale(1.1);
}
  
  
  
  .brand-line {
    border: none;
    border-top: 2px solid #fdeed8;
    width: 10%;
    position: absolute;
    top: 10px;
    left: 10px;
		
  }
  .brand-titles {
    position: absolute;
    top: 40px;
    left: 10px;
    color: #fdeed8;
		text-align: left; /* 添加此行来设置标题左对齐 */
  }
  .title-chinese,
  .title-english {
    margin: 0;
		color: #fdeed8;
  }
.get-action {
  text-align: center;
  color: #fff;
}
.get-action h4 {
  color: #fff;
  margin-bottom: 15px;
}
.get-action p {
  margin-bottom: 35px;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}
.get-action a {
  padding-left: 30px;
  padding-right: 30px;
}
.list-logo {
  overflow: hidden;
}
.list-logo .item-logo {
  float: left;
  width: 25%;
  text-align: center;
  margin-bottom: 35px;
}
.logos2 .item-logo {
  text-align: center;
}
.testi-carousel {
  
}
.testi-carousel .text .item {
  padding-right: 20px;
}
.testi-carousel .info {
  margin-top: 15px;
}
.testi-carousel .info strong {
  margin-right: 20px;
  text-transform: uppercase;
}
.testi-carousel .images .owl-item {
  width: 54px!important;
  margin-right: 8px;
  margin-top: 25px;
  border: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.testi-carousel .images .owl-item.synced {
  border-color: #ffae4e;
}
.testi-carousel.text-center .images .owl-wrapper {
  max-width: 100%;
}
.testi-carousel.text-center .images .owl-item {
  float: none;
  display: inline-block;
}
.latest-post .item-post {
  padding: 0 15px;
}
.latest-post .item-post .desc {
  padding: 20px;
  background: #fff;
  border: 1px solid #f6f6f6;
  -webkit-box-shadow: 1px 1px 3px #f6f6f6;
  box-shadow: 1px 1px 3px #f6f6f6;
}
.latest-post .item-post .more-link {
  text-transform: uppercase;
  
  margin-top: 5px;
  display: inline-block;
  font-weight: bold;
  color: #333;
}
.latest-post .item-post .more-link:hover {
  color: #ffae4e;
}
.latest-post .item-post .date-post {
  color: #999;
 
  text-align: right;
  margin: 5px 0 0;
  text-transform: uppercase;
}
.latest-post .owl-controls {
  top: -93px;
  right: 15px;
  left: auto;
}
.latest-post .owl-controls .owl-buttons div {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #fff;
  border: 2px solid;
  color: #ccc;
  line-height: 30px;
 
  opacity: 1;
  margin: 0 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.latest-post .owl-controls .owl-buttons div:hover {
  color: #ffae4e;
}
.get-action.dark {
  color: #333;
  text-align: left;
  padding-top: 150px;
}
.get-action.dark h4 {
  color: #333;
}
.image-right {
  padding-top: 24px;
}
.image-right img {
  width: 85%;
}
/*Home Page 2*/
.list-features .col-md-4 {
  padding: 0;
}
.features-box {
  position: relative;
}
.features-box .overlay {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #d9d9d9;
  text-align: center;
}
.features-box .content-mid .inner {
  padding-top: 33px;
}
.features-box h4 {
  color: #fff;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.features-box p {
  margin-bottom: 0;
}
.features-box a {
  color: #ffae4e;
  font-weight: bold;
  text-transform: uppercase;

  display: inline-block;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  margin-top: 15px;
}
.features-box:hover .inner {
  padding-top: 0;
}
.features-box:hover a {
  opacity: 1;
}
.content-mid {
  display: table;
  height: 100%;
  width: 100%;
}
.content-mid .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 0 30px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.content-bottom {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 30px;
  text-align: left;
}
.content-bottom .inner {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}
.content-bottom .inner h4 {
  text-transform: uppercase;
}
.content-bottom .inner a {
  color: #fff;
}
.item-latest:hover .inner {
  opacity: 1;
}

/* owl-carousel-service
-------------------------------------------------- */
.owl-carousel-service {
	
}

.owl-carousel-service .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}



.owl-carousel-service .owl-nav .owl-next span{
  display: inline-block;
  font-size:2em;
  border:solid 2px #eb3300;
  border-radius:50%;
  width:5rem;
  height:5rem;
  line-height:1.5em;
  background:none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  outline: none;
  margin:30px 10px 0px 40px;
  color: #eb3300;
    position: absolute;
  bottom: 60%;
  right:  -10%;
  }
.owl-carousel-service .owl-nav .owl-prev span{
  display: inline-block;
  font-size:2em;
  border:solid 2px #eb3300;
  border-radius:50%;
  width:5rem;
  height:5rem;
  line-height:1.5em;
  background:none;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  outline: none;
  margin:30px 40px 0px 10px;
  color: #eb3300;
  position: absolute;
  bottom: 60%;
  left: -10%;
  }

.owl-carousel-service .owl-nav .owl-next span:hover,.owl-carousel-service .owl-nav .owl-prev span:hover {
  background:#eb3300;
  color: #fff;
}




.owl-carousel-service .owl-dots {
	margin-top:30px;
	text-align:center;
	display:none;
   
}
.owl-carousel-service .owl-dots .owl-dot {
	display:inline-block;
	zoom:1;
	outline: none;
}
.owl-carousel-service .owl-dots .owl-dot span {
	width:10px;
	height:10px;
	margin:5px 7px;
	background:#D6D6D6;
	display:block;
	-webkit-backface-visibility:visible;
	transition:opacity .2s ease;
	border-radius:30px
}
.owl-carousel-service .owl-dots .owl-dot.active span,.owl-carousel-service .owl-dots .owl-dot:hover span {
	
}



/* index-service
-------------------------------------------------- */
.index-service {
	position: relative;
}
.slide-container{

	    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.index-service-bg {
  position: absolute;
  z-index:-1;
  background: url(../images/bg-service.jpg) no-repeat center 50%;
  background-size: cover;
  background-attachment:fixed;
  top: 0;
  width: 100%;
  height: 45%;
}
.index-service-bg::before {
  position: absolute;
   z-index:0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding:0px;
  margin:0px;
  content: "";
  background: rgba(35,49,82,0.85);
  border-bottom:solid 0px #f4f7fb;
}
.index-service .is-item-box {
  position: relative;
}

.index-service .is-item .isi-icon,.page-service .ps-item .psi-icon{
  background:#003a66;
	width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
	margin-top: -50px;
}
.index-service .is-item:hover .isi-icon,.page-service .ps-item:hover .psi-icon{
  background:#eb3300;
}


.index-service .is-item .isi-icon i ,.page-service .ps-item .psi-icon i {
	font-size: 3rem;
	color:#fff;
	line-height:1rem;
	transition: .2s;
}

.index-service .is-item:hover .isi-icon i ,.page-service .ps-item:hover .psi-icon i {
    font-size: 3.5rem;
}

.index-service .is-item .isi-icon i.flaticon-icon-1:before,.page-service .ps-item .psi-icon .flaticon-icon-1:before {
	content: "\f123";
	/*flaticon-family*/
}
.index-service .is-item .isi-icon i.flaticon-icon-2:before,.page-service .ps-item .psi-icon .flaticon-icon-2:before {
	content: "\f116";
	/*flaticon-graduating-student*/
}
.index-service .is-item .isi-icon i.flaticon-icon-3:before,.page-service .ps-item .psi-icon .flaticon-icon-3:before {
	content: "\f117";
	/*flaticon-analytics*/
}
.index-service .is-item .isi-icon i.flaticon-icon-4:before,.page-service .ps-item .psi-icon .flaticon-icon-4:before {
	content: "\f109";
	/*flaticon-working*/
}
.index-service .is-item .isi-icon i.flaticon-icon-5:before,.page-service .ps-item .psi-icon .flaticon-icon-5:before {
	content: "\f13b";
	/*flaticon-travel-1*/
}
.index-service .is-item .isi-icon i.flaticon-icon-6:before,.page-service .ps-item .psi-icon .flaticon-icon-6:before {
	content: "\f11d";
	/*flaticon-information*/
}
.index-service .is-item .isi-icon i.flaticon-icon-7:before,.page-service .ps-item .psi-icon .flaticon-icon-7:before {
	content: "\f21e";
	/*心理咨询*/
}
.index-service .is-item .isi-icon i.flaticon-icon-8:before,.page-service .ps-item .psi-icon .flaticon-icon-8:before {
	content: "\f188";
	/*杀虫*/
}
.index-service .is-item .isi-icon i.flaticon-icon-9:before,.page-service .ps-item .psi-icon .flaticon-icon-9:before {
	content: "\f0f1";
	/*家庭医生*/
}
.index-service .is-item{
	color:#003a66;
}

.index-service .is-item .is-item-text h5{
  font-weight:700;
}

.effect-imghover > a {
    display: block;
    position: relative;
	overflow: hidden;
}

.effect-imghover > a > img {
    -webkit-transition: all ease-out 0.2s;
    transition: all ease-out 0.2s;
	width:100%;
	height:auto;
}

.effect-imghover > a:hover > img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}


.index-dec-a{
    display: inline-block;
    padding: 10px 20px;
    background-color: #e7bc71;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.index-dec-a:hover{
   font-weight: 600;
    background-color: #ffffff;
    color: #e7bc71;
    border: 2px solid #e7bc71;

}
.index-more{
    position: absolute;
    top:60px;
}
/*Home Page 3*/
.big-text h2 {
  margin: 0;
  color: #fff;
}
.big-text p {
  font-weight: normal;
  font-size: 50px;
  line-height: inherit;
  margin-bottom: 20px;
}
.big-text a {
  color: #fff;
  border-color: #fff;
}
.big-text a:hover {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}


.block {
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(50px); 
}
.block.active {
  opacity: 1;
  transform: translateY(0); /* 滑动到原始位置 */
}
/*about*/
.ks-about-part1{
    padding:40px 0px 0px;
}

.ks-about-part1 div img{
	text-align: center;
	width: 100%;
}
.div20 div img{
	text-align: center;
	width: 60%;
}
.ks-about-part1 div{
	text-align: center;
	
}
.p20{padding:10px 0px 0px;}
.ks-about-part1 .left_img{
    width:50%;
    float: left;
}

.ks-about-part1 .left_img img{
    transition:transform 0.3s;
}
.ks-about-part1 .right_content{
    width:50%;
    float: right;
    text-align: left;
    padding: 0px 40px;
}
.ks-about-part1 .right_content h3{
    font-size:46px; 
    letter-spacing: 0.1em;
    color: #d10003;
}
.ks-about-part1 .left_content h3{
    font-size:46px; 
    letter-spacing: 0.1em;
    color: #d10003;
}

.ks-about-part1 .right_img{
    width:50%;
    float: right;
}

.ks-about-part1 .right_img img{
    transition:transform 0.3s;
}
.ks-about-part1 .left_content{
    width:50%;
    float: left;
    text-align: left;
    
}
.p40{
    padding-top:40px;
}
.ab-image-container {
  position: relative;
  display: inline-block;
}

.ab-image {
  position: relative;
  display: inline-block;
}

.hover-content {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  text-align: left;
	width: 85%;
	

}
.title-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  box-sizing: border-box;
}

.ab-title {
  color: white;
  font-weight: bold;
  margin: 0;
}
.ab-image:hover{
	background-color: rgba(0, 0, 0, 0.2);
	
	
}
.ab-image:hover .hover-content {
  top: calc(30% + 10px);
  opacity: 1;
  visibility: visible;
		
}



.ab-line {
  width: 100%;
  border: none;
  border-top: 2px solid white;
  margin: 10px auto;
	text-align: left;
}

.ab-description {
  margin: 0;
	color: #fff;
	text-align: left;
}
.overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); /* 黑色背景不透明度为0.5 */
   opacity: 0; /* 初始时不显示 */
}

.ab-image-container:hover .overlay {
   opacity:1; /* 鼠标经过时显示 */
}
/* 公司简介 */
.crumb-ab .active{
	color: #e7bc71;
	padding: 22px 0px 22px 0px;

}
.crumb-ab .active a{
	color: #e7bc71;
	
}

.crumb-ab .non-active{
	padding: 22px;
}
.text-underline {
  position: relative;
}

.text-underline:after {
  content: "";
  position: absolute;
  bottom: -2px; /* 调整值以适应具体情况 */
  left: 0;
  right: 0;
  height: 2px; /* 调整值以适应具体情况 */
  
   /* 可选：设置颜色和动画效果 */
   background-color: #e7bc71;
   transition: all ease-in-out .2s; 
}

/* 鼠标悬停时可选显示动画效果 */
.text-underline:hover::after {
   width :100%;
}
.ab-title-line{
	 background-image: url('../images/page-line.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
	line-height: 100px;
}
.ab-title-line-h2{
	font-size: 26px;
	padding-left: 100px;
	line-height: 4;
}

.ab-content{
    padding:0px 45px;
}


/*The Product*/
.product-page {
	
}
.product-page h4{
	margin-bottom:30px;
	position: relative;
}
.product-page h4:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdcde;
}

.product-page h4:after {
    content: "";
    position: absolute;
    top: 33px;
    left: 0;
    width: 70px;
    height: 3px;
    background: #ffae4e;
}
.product-list {
	margin-top:0px;
	
}

.product-list .title {
	position: relative;
}
.product-list .title h4{
	margin-bottom:50px;
	position: relative;
}
.product-list .title:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dbdcde;
}

.product-list .title:after {
    content: "";
    position: absolute;
    top: 34px;
    left: 0;
    width: 35px;
    height: 3px;
    background: #ffae4e;
}

.product-list .title.center:after {
    left: 50%;
    margin-left: -17.5px;
}

.product-box {
  margin-bottom: 40px;
	
}
.product-box h4 {
  margin: 22px 0 15px;
}
.product-box p {
  margin-bottom: 18px;
}
.product-box a {
  color: #333;
}
.product-box a.more-link {
  text-transform: uppercase;
 
  font-weight: bold;
}
.product-box a:hover {
  color: #ffae4e;
}
.product-box-list a img{
    width:100%;
    height: 252px;
}
.product-kuisheng{
	
	
	
}
.product-kuisheng-list{
    padding: 20px;
    margin: 5px;
    -webkit-box-shadow: 2px 2px 10px rgb(0,0,0,.1);
    height: 260px;
}
.product-kuisheng-list .product-box a img{
    transition: transform 0.3s;;
}
.product-kuisheng-list .product-box a img:hover{
        transform: scale(1.1);
}

.product-kuisheng-list .product-title-box p{
    height: 120px;
}

.product-title-box .product-dec-a{
	 display: inline-block;
  padding: 10px 20px;
  background-color: #e7bc71;
  color: #fff;
  text-decoration: none;
  border-radius: 5px; /* 圆角边框 */
}



.product-canshu{
	background: #F2F2F2;
	padding:20px 40px 40px;
}
.product-table {
  border-collapse: collapse;
  width: 100%;
}

.product-table-td-value, .product-table-th {
  padding: 16px;
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #9e9e9e;
  width:25%;
}
.product-table-td-key, .product-table-th {
  padding:20px 6px;
  text-align: left;
	font-weight: 600;
	font-size: 18px;
	border-bottom: 1px solid #9e9e9e;
	width:10%;
}
.product-table-tr:nth-child(even) {
  
}

.product-table-th {
  background-color: #007bff;
  color: white;
}

.project-slider{
    border: 2px solid #F2F2F2;
    padding:40px;
}
/*The Blog*/
.blog-page .col-md-9 {
  padding-right: 0;
}
.blog-page .col-md-3 {
  padding-left: 0;
}
.blog-list {
  border-right: 0px solid #ebebeb;
  margin-right: -1px;
  padding-bottom: 80px;
  padding-right: 30px;
}
.blog-list .item-post {
  padding-top: 50px;
}
.blog-list .item-post h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
.blog-list .item-post .date-post {
  color: #999;

  text-transform: uppercase;
  margin-bottom: 20px;
}
.blog-list .item-post a {
  color: #333;
}
.blog-list .item-post a.more-link {
  text-transform: uppercase;

  font-weight: bold;
  margin-top: 10px;
  display: inline-block;
}
.blog-list .item-post a:hover {
  color: #ffae4e;
}
.blog-list .pagination {
  margin-top: 60px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.blog-list .pagination a,
.blog-list .pagination span {
  margin: 0 6px;
  width: 35px;
  height: 35px;
  line-height: 23px;
  -webkit-border-radius: 0!important;
  border-radius: 0!important;
  border: none;
}
.blog-list .pagination a {
  background: #e6e6e6;
  color: #555;
}
.blog-list .pagination a i {
  font-size: 15px;
}
.blog-list .pagination span,
.blog-list .pagination a:hover,
.blog-list .pagination span:hover {
  background: #454647;
  color: #ffae4e;
}
.blog-single .post-title {
  margin: 40px 0 18px;
}
.blog-single .post-meta {
  margin-bottom: 28px;
  text-transform: uppercase;
}
.blog-single .post-meta i{
  color: #ffae4e;
}
.blog-single .post-meta span,
.blog-single .post-meta a{
  margin-right: 10px;
  color: #999;
}
.blog-single .post-meta a:hover {
  color: #ffae4e;
}
.blog-single .post-thumbail {
  margin-bottom: 25px;
}
.blog-single .post-content h4 {
  margin-bottom: 15px;
}
.blog-single .post-content p {
  margin: 18px 0px;
}
.blog-single .post-content blockquote {
  color: #333;
  
  font-style: normal;
}
.blog-single .post-content blockquote p {
  margin-bottom: 10px;
}
.blog-single .post-content blockquote strong {
  text-transform: uppercase;
}
.blog-single .post-content ul {
  list-style: none;
  padding-left: 0;
  line-height: 30px;
}
.blog-single .post-content ul li:before {
  content: "\f00c";
  font-family: FontAwesome;
  float: left;
  margin-right: 8px;
}
.blog-single .post-footer {
  margin-top: 35px;
  overflow: hidden;
  text-transform: uppercase;

  color: #999;
  padding-bottom: 15px;
  border-bottom: 1px solid #f2f2f2;
}
.blog-single .post-footer .tag-post {
  float: left;
}
.blog-single .post-footer .share-post {
  float: right;
}
.blog-single .post-footer a {
  color: #555;
}
.blog-single .post-footer a:hover {
  color: #ffae4e;
}
.food-de-ul{
    padding: 10px 0px;
}
.food-de-li{
    list-style: none;
}
.food-de-img{
    width:20px;
    height: 20px;
    display: inline;
}
.food-de-p{
    display: inline;
}
.article-row{
    padding:0px 15px;
}

.wp-block-video video{
    max-width: 1120px;
}

.sidebar {
  border-left: 1px solid #ebebeb;
}
.sidebar .widget {
  padding-top: 50px;
  padding-left: 30px;
}
.sidebar .widget.widget-image {
  padding-left: 0;
}
.sidebar .widget ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.sidebar .widget li {
  padding: 7px 0;
  overflow: hidden;
}
.sidebar .widget li a {
  display: block;
  float: left;
  font-size: 15px;
  color: #555;
}
.sidebar .widget li a:hover {
  color: #ffae4e;
}
.sidebar .widget li a:before {
  content: "\f105";
  font-family: FontAwesome;
  float: left;
  margin-right: 8px;
}
.sidebar .widget li span {
  float: right;
  color: #999;
}
.sidebar .widget li.current-menu-parent a,.sidebar .widget li.current-menu-item a{
  color: #ffae4e;
}


.sidebar h4 {
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 25px;
}
/*Comment*/
.comments-area {
  margin-top: 60px;
}
.comments-area .comment-reply-title {
  text-transform: uppercase;
}
.comments-area .comment-notes {
  margin-bottom: 30px;
}
.comments-area .col-6 {
  width: 50%;
  float: left;
  padding: 0 10px;
}
.row-comment {
  margin: 0 -10px;
}
.comment-form p {
  margin-bottom: 20px;
}
.comment-form input[type=text],
.comment-form input[type=email],
.comment-form input[type=tel],
.comment-form textarea {
  height: 50px;
  line-height: 50px;
  background: #f2f2f2;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  padding: 0 15px;
  vertical-align: top;
}
.comment-form textarea {
  height: 150px;
}
.comment-form input[type=submit] {
  padding: 13px 35px;
}
.list-comments {
  margin-top: 60px;
}
.list-comments h4 {
  text-transform: uppercase;
  margin-bottom: 40px;
}
.list-comments ul {
  list-style: none;
  padding-left: 0;
}
.list-comments li {
  overflow: hidden;
  padding-bottom: 40px;
}
.list-comments .children {
  padding-left: 70px;
}
.list-comments .user-image {
  float: left;
  height: 100%;
}
.list-comments .comment-right {
  margin-left: 70px;
}
.list-comments .comment-right .comment-info {
  color: #999;
  text-transform: uppercase;

}
.list-comments .comment-right .comment-info a {
  font-weight: bold;
  margin-left: 10px;
  color: #999;
}
.list-comments .comment-right .comment-info a:hover {
  color: #ffae4e;
}
/*Contact Page*/
.contact {
	padding:40px;
}
.contact i{
	
}
.contact i.rounded-circle {
	background:#ffae4e;
	width:80px;
	height:80px;
	margin-bottom:30px;
	border:solid 8px #eee;
	border-radius: 50% !important;
}
.contact i:hover {
	background: #222;
	border:solid 8px #eee;
}
.contact .fa {
	font-size:3em;
	line-height:1.6em;
	color:#fff;
}


.form-info {
  padding: 70px 0;
}
.form-info h4 {
  margin-top: 0;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.form-info .contact-info li {
  padding: 7px 0;
}
.form-info .contact-info i {
  margin-right: 3px;
}
.form-info .col-4 {
  width: 33.33%;
  float: left;
  padding: 0 10px;
}
.error {
  display: none;
}
p .error {
  color: red;

}
div.error {
  padding: 10px;
  border: 2px solid yellow;
}
#ajaxsuccess {
  display: none;
  padding: 10px;
  border: 2px solid green;
  font-size: 18px;
}
#google_map {
  height: 400px;
}
/*About Page*/
.top-about {
  padding-top: 0px;
}
.top-about h4 {
  margin-top: 0;
  margin-bottom: 20px;
}
.top-about .values {
  margin-top: 32px;
}
.top-about .image-about {
  margin: 20px -10px 0;
}
.top-about .image-about img {
  width: 50%;
  float: left;
  padding: 0 10px;
}
.vimeo {
  margin: 0;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.vimeo a {
  position: relative;
}
.vimeo .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
}
.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.acc_head {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #e6e6e6;
  padding: 10px 15px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px;
}
.acc_head i {
  margin-right: 8px;
}
.style2 .acc_head {
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.acc_content {
  padding: 15px 0 20px;
}
.acc_active .acc_head,
.acc_head:hover {
  background: #ffae4e;
  color: #333;
}
.features-about {
/*  -webkit-box-shadow: inset 0px 10px 14px -8px rgba(0, 0, 0, 0.14);
  box-shadow: inset 0px 10px 14px -8px rgba(0, 0, 0, 0.14);
  */
  background: #f2f2f2;
  background-position: -8px -15px;
}
.parallax {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
}
.parallax-hourse {
  background-image: url(images/bg-hourse.png);
  padding: 40px 0 40px;
  position: relative;
  z-index: 10;
}
.team-about {
  padding: 75px 0;
}
.team-member {
  text-align: center;
}
.team-member h5 {
  text-transform: uppercase;
  margin-top: 30px;
}
.team-member p {
  font-style: italic;

  color: #999;
}
.team-member .member-image {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.team-member .overlay {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 174, 78, 0.8);
  width: 200px;
  height: 200px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.team-member .overlay .social-team {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: -13px;
}
.team-member .overlay a {
  color: #fff;
  border: 1px solid #fff;
  width: 24px;
  height: 24px;
  text-align: center;
  display: inline-block;
  margin: 0 1px;
}
.team-member .overlay i {
  vertical-align: middle;
}
.team-member:hover .overlay {
  opacity: 1;
}
.action-about {
  padding: 75px 0;
  background: #f4f4f4;
}
.call-action {
  padding: 0 100px;
}
.call-action h4 {
  margin-top: 0;
  margin-right: 30px;
  display: inline-block;
}
.call-action a {
  display: inline-block;
  padding: 16px 35px;
}
/*Typography Page*/
.typography {
  padding: 20px 0 55px;
}
.typography .top-st {
  padding-bottom: 40px;
}
.typography .top-st p {
  font-style: italic;
  padding-bottom: 10px;
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  text-transform: uppercase;
}
.typography .thirds h4 {
  margin-bottom: 20px;
}
/*Services Page*/
.list-services {
  padding: 55px 0 25px;
}
.service-box {
  margin-bottom: 40px;
}
.service-box h4 {
  margin: 22px 0 15px;
}
.service-box p {
  margin-bottom: 18px;
}
.service-box a {
  color: #333;
}
.service-box a.more-link {
  text-transform: uppercase;
 
  font-weight: bold;
}
.service-box a:hover {
  color: #ffae4e;
}
.single-services .col-md-3 {
  padding-right: 0;
}
.single-services .col-md-9 {
  padding-left: 0;
}
.title-service {
  padding: 55px 0 0;
  border-right: 1px solid #ebebeb;
}
.title-service li {
  margin-bottom: 15px;
}
.title-service li.current_page_item a {
  color: #333;
}
.title-service a {
  color: #999;
  font-weight: bold;
  font-size: 18px;
}
.title-service a:hover {
  color: #ffae4e;
}
.service-details {
  padding: 55px 0 55px 30px;
  border-left: 1px solid #ebebeb;
  margin-left: -1px;
}
.service-details h4 {
  margin: 24px 0 15px;
}


 .message-close {
            display: none;
        }
        .message-active {
            display: block;
        }




.job-details{
  display: none;
}
.job-title{
background:#f2f2f2;
font-size:16px;
padding:20px;
}
.wp-block-details{
    cursor: pointer;
    border-bottom: 1px solid #e4dede;
}
.wp-block-details summary{

font-size:16px;
padding:20px 0px;
margin: 10px 0px 0px;
cursor: pointer;
}

.wp-block-details{
    cursor: pointer;
    background: #f1f1f1;
}
.wp-block-details summary{
background: #f2f2f2;
font-size:16px;
padding:20px ;
margin: 10px 0px 0px;
cursor: pointer;
}


.wp-block-details p{
    padding: 10px 20px;
}
.show-details {
  display: block;
}

.arrow.rotate-downwards {
  transform: rotate(90deg);
}
.wp-zhuanmai{
    display: flex;
}
.zhuanmaidiv{
    width:100%;
    margin: 16px;
}
.div-zhuanmai-table{
    		-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding: 20px;
				    max-height: 350px;
    overflow: auto;
}
.div-zhuanmai-table table{
     border: 1px solid black; 
     width:100%;
}
.div-zhuanmai-table th{
     border: 1px solid black; 
         background: #607D8B;
    color: #fff;
    padding: 5px 10px;
}
.div-zhuanmai-table td{
     border: 1px solid black; 
         padding: 5px 10px;
}
 details {
        cursor: pointer;
    }

   summary::after {
        content: '\25B6'; /* Unicode箭头图标，这里用的是向右的箭头'▶' */
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 24px;
        
        transition: transform 0.3s;
    }

    details[open] summary::after {
      content: '\25BC'; /* 箭头向下的箭头'▼' */
        transform: none; /* 移除旋转 */
    }
/*Projects Page*/
.list-projects {
  padding: 50px 0 40px;
}
.list-projects.list2 {
  padding-bottom: 0;
}
.all-project .isotope-item {
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.all-project .isotope-item h4 {
  margin: 11px 0 3px;
}
.all-project .cat-name {
  color: #9f9f9f;
  margin-bottom: 30px;
}
.all-project .cat-name a {
  color: #9f9f9f;
  
}
.all-project .cat-name a:hover {
  color: #333;
}
.image-project {
  position: relative;
  overflow: hidden;
  display: block;
}
.image-project .overlay {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
}
.image-project img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.image-project:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.image-project:hover .overlay {
  opacity: 1;
}
.all-project-v2 h4,
.all-project-v2 .cat-name {
  padding: 0 20px;
}
.all-project-v2 .item {
  width: 33.32%;
}
.all-project-v2 .item:hover {
  background: #eee;
}
.all-project-v3 h4 {
  font-weight: 600;
}
.all-project-v3 .item {
  width: 24.98%;
}
.all-project-v3 .cat-name,
.all-project-v3 .cat-name a {
  color: #ccc;
  margin-bottom: 0;
}
.all-project-v3 .cat-name a:hover {
  color: #fff;
}
.filter-projects {
  text-align: center;
  margin-bottom: 30px;
}
.filter-projects li {
  display: inline-block;
  padding: 12px;
}
.filter-projects li a {
  font-weight: bold;
  color: #888;
  position: relative;
}
.filter-projects li a.current,
.filter-projects li a:hover {
  color: #ffae4e;
}
.filter-projects li a.current:before,
.filter-projects li a.current:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 20px;
  height: 1px;
  background: #ccc;
}
.filter-projects li a.current:after {
  bottom: -13px;
}

/*文章内图片效果*/
.thumbnails {
    display: flex;
    justify-content: center;
}

.thumbnail {
    width: 90px;
    height: 60px;
    margin: 5px;
    cursor: pointer;
}

.large-image {
    text-align: center;
    border: 1px solid #ddd;
}

.main-image {
    
    
    margin-top: 0px;
}
/*news*/
.content-block {
  display: flex;
}

.left-column {
  flex: 1;
	width: 50%;
}

.owl-carousel .slide img {
  width: 100%;
}

.right-column {
  flex: 1;
  padding-left: 20px;
}

.post {
  /* 添加您的文章样式 */
	padding-left:10px;
}
.post h2{
	font-size: 18px;
	margin-bottom: 10px;
}
.post h2 a{
    color: #c09d5b;
}

/*Single Project*/
.project-title {
  overflow: hidden;
}
.project-title h1 {
  float: left;
}
.project-title .project-nav {
  float: right;
  padding: 41px 0;
}
.project-title .project-nav a {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 28px;
  
  color: #ccc;
  border: 2px solid;
  padding-left: 8px;
}
.project-title .project-nav a:hover {
  color: #ffae4e;
}
.project-title .project-nav .next-project {
  padding-left: 10px;
  margin-left: 1px;
}
.single-project {
  padding: 55px 0 70px;
}
.project-info h4 {
  margin-bottom: 20px;
}
.project-info p {
  line-height: 24px;
}
.project-des h4 {
  margin-bottom: 20px;
}
.project-des p {
  margin-bottom: 15px;
}
.project-slider {
  margin-bottom: 35px;
}
.project-slider .owl-controls {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  top: 50%;
  left: 0;
  margin-top: -18px;
  width: 100%;
}
.project-slider .owl-controls .owl-buttons {
  width: 100%;
  padding: 0 20px;
}
.project-slider .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0.5);
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  color: #fff;
  opacity: 1;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.project-slider .owl-controls .owl-buttons div:hover {
  background: #ffae4e;
}
.project-slider .owl-controls .owl-buttons .owl-prev {
  float: left;
}
.project-slider .owl-controls .owl-buttons .owl-next {
  float: right;
  padding-left: 5px;
}
.project-slider:hover .owl-controls {
  opacity: 1;
}
.detailsv2 h4 {
  margin-top: 0;
}
.detailsv2 .project-des {
  margin-top: 30px;
}
.s-images {
  margin: 30px -10px 0;
}
.s-images .item-image {
  display: block;
  width: 33.33%;
  padding: 10px;
  float: left;
}
.s-images .item-image img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.s-images .item-image:hover img {
  opacity: 0.7;
}
.news-h2{
    position: absolute !important;
    background: #000000;
    opacity: 0.7;
    bottom: 0px;
}


/*Elements Page*/
.elements-page {
  padding: 40px 0 70px;
}
.elements-page section {
  padding-bottom: 30px;
}
.elements-page h4 {
  margin-bottom: 25px;
}
.elements-page .btn-small {
  padding: 13px 23px;
  max-width: 150px;
  text-align: center;
  display: block;
}
.elements-page .left {
  margin-right: 8px;
}
.btn-elements .ot-btn {
  margin-bottom: 20px;
  width: 170px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.ot-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
  padding: 18px 32px;
  
  font-weight: bold;
  display: inline-block;
  line-height: 1;
  text-transform: uppercase;
}
.ot-btn i {
  margin-right: 5px;
}
.ot-btn:focus {
  color: #333;
}
.btn-color {
  background: #ffae4e;
  color: #333;
}
.btn-color:hover {
  background: #333;
  color: #fff;
}
.btn-radius {
  -webkit-border-radius: 25px;
  border-radius: 25px;
}
.btn-sradius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.btn-border {
  border: 2px solid #ccc;
  padding: 16px 30px;
  color: #999;
}
.btn-border:hover,
.btn-border:focus {
  border-color: #ffae4e;
  color: #ffae4e;
}
.btn-small {
  padding: 13px 23px;
}
.blue {
  background: #29b6f6;
  color: #fff;
}
.red {
  background: #f44336;
  color: #fff;
}
.green {
  background: #4caf50;
  color: #fff;
}
.black {
  background: #555555;
  color: #fff;
}
.yellow {
  background: #ffeb3b;
  color: #333;
}
.gray {
  background: #e6e6e6;
  color: #555;
}
.skills-name {
  text-transform: uppercase;
  
  margin-bottom: 10px;
}
.skills-name span {
  color: #333;
  font-weight: bold;
  margin-left: 5px;
}
.pro-bar-container {
  position: relative;
  height: 10px;
  background: #d9d9d9;
}
.pro-bar {
  position: relative;
  height: 10px;
  background: #ffae4e;
}
.skills-box {
  margin-bottom: 24px;
}
.skills-box.box2 .pro-bar-container,
.skills-box.box2 .pro-bar {
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.skills-box.box3 .pro-bar {
  background-color: #ffae4e;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
}
.skills-box.box3 .green {
  background-color: #4caf50;
}
.skills-box.box3 .blue {
  background-color: #29b6f6;
}
.r-tabs-accordion-title,
.r-tabs-panel {
  display: none;
}
.r-tabs-panel.r-tabs-state-active {
  display: block;
}
.continal-tabs li {
  display: inline-block;
}
.type1 ul {
  margin-bottom: 15px;
}
.type1 li {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-weight: bold;
}
.type1 li a {
  display: block;
  padding: 10px 25px;
}
.type1 li.r-tabs-state-active {
  background: #ffae4e;
}
.type1 li.r-tabs-state-active a {
  color: #fff;
}
.type2 {
  margin-top: 87px;
}
.type2 ul {
  border-bottom: 3px solid #ffae4e;
}
.type2 li {
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.type3 ul {
  margin-bottom: 0;
}
.type3 li {
  margin-right: 22px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}
.type3 li.r-tabs-state-active:after {
  background: #2c93d5;
  height: 3px;
  width: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
}
.type4 {
  margin-top: 35px;
}
.type4 ul {
  margin-bottom: 0;
  border: 1px solid #ededed;
  float: left;
  width: 100%;
  margin-bottom: -1px;
}
.type4 li {
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  margin-left: -1px;
  border-top: 3px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.type4 li.r-tabs-state-active {
  border-top: 3px solid #ffae4e;
  border-left: 1px solid #ededed;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #ededed;
  margin-bottom: -1px;
}
.type4 a {
  padding: 12px 15px 15px;
  display: block;
}
.content-tabs3 {
  clear: both;
  padding: 18px 23px;
  border: 1px solid #ededed;
}
.content-tabs3 p:last-child {
  margin-bottom: 0;
}
.content-tabs4 {
  border-top: 0;
}
.icon-box h4 {
  margin-bottom: 35px;
}
.features.box2 {
  text-align: center;
  transition: transform 0.3s ease;
}
.features.box2:hover{
     transform: scale(1.1);
}
.features.box2 img{
	width: 80px;
}

.features.box2 img.after:before, .features.box2 img.after:after {
    position: absolute;
    height: 1px;
    background: #ccc;
    width: 80px;
    bottom: -17px;
    left: 50%;
    margin-left: -40px;
    content: '';
}
.features.box2 h4 {
  margin-bottom: 15px;
}
.features.box3 {
  margin-bottom: 35px;
}
.features.box4.right {
  text-align: right;
}
.features.box4.right i {
  float: right;
  margin-left: 13px;
}
.features.box4 i {
  margin-right: 13px;
  float: left;
}
.features .top-img {
  min-height: 57px;
  line-height: 57px;
}
.features h4 {
  margin: 20px 0 12px;
  line-height: 1;
}
.features .top-icon {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  background: #ffae4e;
  line-height: 50px;
  color: #333;
  font-size: 26px;
}
.features .right-box {
  margin-left: 65px;
}
.features.style2 {
  margin-bottom: 25px;
  overflow: hidden;
}
.features.style2 .top-img {
  width: 70px;
  float: left;
}
.features.style2 h4,
.features.style2 p {
  padding-left: 90px;
  margin-top: 0;
}
.why-choose .features {
  margin-bottom: 0px;
}
.why-choose .features h4 {
  margin-top: 2px;
}
.pricing-table {
  text-align: center;
  border: 1px solid #e6e6e6;
  
  max-width: 350px;
  margin: auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.pricing-table ul {
  list-style: none;
  padding: 25px 10px;
  line-height: 30px;
}
.pricing-table .action-plan {
  margin-bottom: 35px;
}
.pricing-table .action-plan a {
  padding: 14px 30px;
}
.pricing-table:hover {
  -webkit-box-shadow: 0 0 8px #ccc;
  box-shadow: 0 0 8px #ccc;
}
.pricing-table.featured {
  border-top: 3px solid #ffae4e;
}
.top-plan {
  background: #e6e6e6;
  padding: 30px 0 25px;
  color: #333;
}
.top-plan .price {
  font-size: 72px;
  line-height: 1;
}
.top-plan .price span {
  font-size: 36px;
  vertical-align: top;
  display: inline-block;
  margin-top: 5px;
}
.top-plan .name-plan {
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  letter-spacing: 2px;
}

.title02{ line-height: 26px; font-weight:bold; color: #000; position: relative; padding-left: 14px; margin-bottom:20px;}
.title02:before{ content:""; position:absolute; left:0; top:50%; margin-top: -10px; width:6px; height: 20px; background: #00953a;}
.about_tit{ font-weight:bold; position: relative; padding-left: 20px; margin-bottom: 20px; text-align: left;}
.about_tit:before{ content:""; position:absolute; left:0; top:50%; margin-top: -3px; width:6px; height: 6px; background: #00953a; border-radius:3px;}
.tit_tip{ display:inline-block; vertical-align: middle; background: #00953a; color: #fff; border-radius: 3px; line-height: 18px; padding: 0 8px; margin-left: 8px; font-weight: normal; font-size: 12px;}
/*====================07 =========================*/ 
.organ_list{ margin-bottom: -25px; overflow: hidden;}
.organ_block{ background: #f2f2f2; margin-bottom: 25px;}
.organ_block dt{ width:45.2%; height: 227px; overflow: hidden; float: right;}
.organ_block dd{ overflow:hidden; padding: 25px 6% 0;}
.organ_info{ max-width: 400px; max-height: 180px; overflow: hidden;}
.organ_info .mCSB_inside > .mCSB_container { margin-right: 10px;}
.organ_info h6{ font-weight: bold; color:#F44336; margin-bottom: 15px;font-size:24px;}
.organ_des{ line-height:22px;}
.organ_block.dif{}
.organ_block.dif dt{ float:left;}
.organ_block.dif dd .organ_info{ float:right;}

.sec_box{
    padding-bottom: 40px;
}







/*sales Page*/


			.cc-collapse {
				border: 1px solid #ebedf0;
				
				border-radius: 3px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				display: block;
				font-size: 14px;
				overflow: hidden
			}

			.cc-collapse--header {
				background-color: #dcdee2;
				border-bottom: 1px solid #ebedf0;
				border-bottom: 1px solid var(--border-color);
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				cursor: pointer;
				height: 3.71em;
				line-height: 3.71em;
				padding-left: 1.1em;
				position: relative;
				-webkit-transition: border .7s;
				-o-transition: border .7s;
				transition: border .7s;
				font-size: 20px !important;
    color: #673A1B !important;
			}

			.cc-collapse .cc-collapse--item.cc-collapse--item__block .cc-collapse--header {
				border-bottom-color: transparent;
				-webkit-transition: border .7s;
				-o-transition: border .7s;
				transition: border .7s
			}

			.cc-collapse .cc-collapse--item .cc-collapse--content {
				border-bottom: none
			}

			.cc-collapse .cc-collapse--item.cc-collapse--item__block .cc-collapse--content {
				border-bottom: 1px solid #ebedf0;
				border-bottom: 1px solid var(--border-color)
			}

			.cc-collapse .cc-collapse--item.cc-collapse--item__block:last-child .cc-collapse--content {
				border-bottom: none
			}

			.cc-collapse--content {
				background-color: #fff;
				font-size: 16px;
				font-size: var(--font-size, 14px);
				max-height: 0;
				overflow: hidden;
				-webkit-transition: max-height .5s;
				-o-transition: max-height .5s;
				transition: max-height .5s
			}

			.cc-collapse--content>.richtext {
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				padding: 20px
			}

			.cc-collapse--header__arrow {
				margin-right: 14px;
				-webkit-transition: -webkit-transform .5s;
				transition: -webkit-transform .5s;
				-o-transition: transform .5s;
				transition: transform .5s;
				transition: transform .5s, -webkit-transform .5s
			}

			.cc-collapse--item__block .cc-collapse--header__arrow {
				
			}

			.cc-collapse--item__block .cc-collapse--content {
				max-height: 350px;
				overflow: auto
			}

			.cc-collapse--item:last-child:not(.cc-collapse--item__block) .cc-collapse--header {
				border-bottom-color: transparent
			}
			
			.table-container {
			  display: none;
			  position: relative;
			  
			  
			}
			
			.table-container.show {
			  display: block;
			  overflow-y: auto;

			}
			.table-td-sales{
				height: 30px; background-color: #f8f8f8; width: 53.3526%; line-height: 1.2;
				text-align: center;
			}
			.table-td-tel{height: 30px; width: 46.1808%; line-height: 1.2;
			    text-align: center;
			}
.cc-collapse--wrapper{
    list-style: none;
    padding:0px;
    margin: 0px;
}



/*404 Page*/
.page-404 {
  border-top: 1px solid #eee;
  padding: 40px 0 0;
}
.content-404 {
  padding-top: 130px;
  padding-left: 30px;
}
.content-404 h2 {
  font-size: 72px;
}
.content-404 p {
  font-size: 22px;
  margin-bottom: 30px;
}
/*Coming Soon Page*/
.coming-soon {
  background: url(images/coming-soon.jpg) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100vh;
}
.coming-soon-content {
  color: #fff;
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  margin-top: 30px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.coming-soon-content .intro-text {
  margin-bottom: 40px;
}
.coming-soon-content .newsletter-comingsoon {
  margin-bottom: 50px;
}
.coming-soon-content h2 {
  font-size: 50px;
  text-transform: uppercase;
  color: #fff;
}
.coming-soon-content p {
  font-size: 22px;
}
.coming-soon-content .newsletter-email {
  width: 290px;
  padding: 14px 15px;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #000;
}
.coming-soon-content .countdown {
  list-style: none;
  overflow: hidden;
  padding-left: 0;
  text-align: center;
}
.coming-soon-content .countdown li {
  float: left;
  font-size: 60px;
  width: 25%;
}
.coming-soon-content .countdown li p {
  font-size: 15px;
  text-transform: uppercase;
}
.coming-soon-content .social-icons {
  margin-top: 40px;
}
.coming-soon-content .social-icons a {
  display: inline-block;
  font-size: 20px;
  margin: 0 15px;
  color: #fff;
}
.coming-soon-content .social-icons a:hover {
  color: #ffae4e;
}
/*FOOTER*/
footer {
  background: url(images/foot-bg.jpg) repeat;
}
footer .widget-footer {
  padding: 50px 0 10px;
  color: #aaa;
  line-height: 25px;
}
footer .widget-footer h4 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 30px;
}
footer .widget-footer p {
  margin-bottom: 8px;
  
}

footer .widget-footer ul {
  padding-left: 0px;
  list-style: inherit;
  color: rgba(255, 255, 255, 0.2);
	list-style-type: none;
}
footer .widget-footer ul li {
  margin-bottom: 8px;
	width: 120px;
	float: left;
}
footer .widget-footer ul a {
  line-height: 25px;
  display: block;
}
footer .widget-footer .gallery-image {
  overflow: hidden;
  text-align: center;
}
footer .widget-footer .gallery-image a {
  max-width: 33.33%;
  padding-right: 10px;
  padding-bottom: 10px;
  float: left;
}
footer .widget-footer .gallery-image img {
  width: 150px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
footer .widget-footer i {
  margin-right: 3px;
}
footer a {
  color: #e5e5e5;
}
footer a:hover {
  color: #ffae4e;
}
footer .sub-footer {
  background: #333;
  text-align: center;
  padding: 15px 0;
  color: #999;
}
footer .sub-footer p {
  margin-bottom: 0;

}
/*RESPONESIVE*/
@media screen and (max-width: 1920px) {
            .page-title {
                height: 356px; /* 在屏幕尺寸小于1920px时减小高度 */
            }
            .inner_banner{
              height: 450px;  
            }
}


@media (min-width: 1200px) {
  /*Heade 2*/
              .page-title {
                height: 276px; /* 在屏幕尺寸小于1920px时减小高度 */
            }
  header.header2 .nav {
    float: right;
  }
  header.header2 .top-info {
    float: left;
    margin-left: 30px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
  /*Header 4*/
  .header4 .nav {
    float: right;

  }
  .header4 .nav .main-menu > li {
  	
    padding-top: 15px;
    padding-bottom: 20px;
  }
  .header4 .nav .main-menu > li:last-child {
    padding-right: 0;
  }
  .boxed header.clone.smaller{
    background: transparent;
    box-shadow: none;
  }
  .boxed header.clone.smaller > .container{
    width: 1200px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 3px #ccc;
  }
  .boxed header.header3.clone.smaller > .container{
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 3px #222;
  }
}
@media (max-width: 1199px) {
  .nav {
    float: left;
    margin-left: 0;
    clear: both;
    width: 100%;
  }
  .nav .main-menu > li {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  header .top-info {
    margin-left: 10px;
    margin-top: 25px!important;
  }
  header .top-info p {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
  header .top-info .socials {
    float: left;
    margin-top: -13px;
  }
  header .logo {
    margin-top: 20px;
    width:auto;
  }
  .get-action.dark {
    padding: 100px 0;
  }
  .header4 .top-info {
    margin-top: 25px;
  }
  .home .parallax-action,
  .home .home-banner {
    background-attachment: scroll;
  }
  
  .inner_banner{
      height: 320px;
  }
}
@media (min-width: 992px) {
  header.clone {
    position: fixed;
    z-index: 999;
    width: 100%;
    left: 0;
    top: -150px;
    background: rgba(255, 255, 255, 0.9);
  }
  header.clone .top-info {
    display: none;
  }
  header.clone .logo {
    margin-top: 11px;
  }
  header.clone .nav {
    float: right;
    clear: none;
    width: auto;
  }
  header.clone .nav .main-menu > li {
    padding: 22px 28px;
  }
  header.clone.smaller {
    top: 0;
    -webkit-box-shadow: 1px 0px 3px #ccc;
    box-shadow: 1px 0px 3px #ccc;
  }
  header.clone.header3 {
    -webkit-box-shadow: 1px 0px 3px #222;
    box-shadow: 1px 0px 3px #222;
  }
  .header5 .logo {
    margin-top: 15px;
  }
  .header5 .top-menu {
    float: left;
    width: 100%;
    border-top: 1px solid #e6e6e6;
  }
  .header5 .top-menu .nav {
    margin-left: 0;
    width: auto;
  }
  .header5 .top-menu .nav .main-menu > li {
    padding: 17px 15px;
  }
  .header5 .top-info {
    margin-left: 10px;
    margin-top: 25px;
    margin-bottom: 0;
    border: none;
  }
  .header5 .top-info p {
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
  }
  .header5 .top-info .socials {
    float: left;
    margin-top: -13px;
  }
  .header5.smaller .top-menu {
    float: right;
    width: auto;
  }
  .header5.smaller .top-menu .nav .main-menu > li {
    padding: 22px 15px;
  }
}
@media (max-width: 991px) {
  .socials,
  header.clone {
    display: none;
  }
  header {
    text-align: center;
  }
  header bor .logo {
    margin-top: 25px;
  }
  header .top-info {
    display: none;
    position: absolute;
    top: 83px;
    left: 0;
    z-index: 999;
    width: 100%;
    margin: 0!important;
    padding: 12px 20px;
    background: #fff;
    border-left: none;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9!important;
    font-weight: 600;
    text-transform: none;
  }
  header .top-info.menu-mobile {
    display: block;
    background: #eee;
  }
  header .top-info.menu-mobile p,
  header .top-info.menu-mobile a {
    color: #333;
  }
  header .top-info.menu-mobile a:hover {
    color: #ffae4e;
  }
  header .btn-toggle {
    display: block;
    float: right;
    margin: auto;
    width: 45px;
    height: 63px;
    background: transparent;
    border: none;
    margin-top: 18px;
    font-size: 25px;
    margin-bottom: 20px;
  }
  .nav {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 999;
    width: 100%;
  }
  .nav.menu-mobile,
  .nav .arrow-parent {
    display: block;
  }
  .nav .arrow-parent {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    padding: 7px 20px;
    font-size: 23px;
    cursor: pointer;
  }
  .nav .arrow-parent:hover {
    background: #eee;
  }
  .nav .main-menu {
    text-align: left;
    background: #fff;
  }
  .nav .main-menu li {
    display: block;
    padding: 0;
    border-top: 1px solid #e9e9e9;
  }
  .nav .main-menu li ul {
    position: static;
    width: 100%;
    background: #f3f3f3;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    margin-bottom: -1px;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .nav .main-menu li ul ul {
    opacity: 1;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .nav .main-menu li ul ul a {
    padding-left: 50px;
    padding-right: 50px;
  }
  .nav .main-menu li ul a {
    padding: 13px 30px;
   
    line-height: 20px;
  }
  .nav .main-menu li:last-child {
    border-bottom: 1px solid #e9e9e9;
  }
  .nav .main-menu a {
    display: block;
    padding: 13px 20px;
    color: #666;
    text-transform: none;
    font-size: 15px;
  }
  .nav .main-menu a:hover,
  .nav .main-menu a:focus {
    background: transparent!important;
    color: #ffae4e !important;
  }
  .nav.menu-mobile .main-menu > li > a {
    color: #666;
    font-size: 15px;
  }
  .header4 .top-info p {
    margin-left: 0;
    margin-right: 20px;
  }
  .image-right,
  .latest-post .owl-buttons {
    display: none;
  }
  .latest-list .item-latest {
    width: 50%;
  }
  .sidebar,
  .blog-list {
    border: none;
    padding: 0;
  }
  .blog-page .col-md-9,
  .blog-page .col-md-3,
  .single-services .col-md-3,
  .single-services .col-md-9 {
    padding: 0 15px;
  }
  .sidebar .widget {
    padding: 0 0 30px;
  }
  .sidebar .widget.widget_archive {
    max-width: 280px;
  }
  .call-action {
    padding: 0;
  }
  .title-service,
  .service-details {
    border: none;
    padding-left: 0;
    padding-top: 30px;
  }
  .pricing-table,
  .features-box {
    margin-bottom: 20px;
  }
  .blog-single .post-title{
      font-size: 18px;
  }
  .inner_banner{
      height: 260px;
  }
  .ks-about-part1{
      display: flex;
      padding：10px 0px 0px;
  }
  .p20{
      display: grid;
    width: 100%;
    margin: 0 auto;
    clear: both;
  }
  .ks-about-part1 .right_content h3{
    font-size:28px; 
    letter-spacing: 0.1em;
    color: #d10003;
}
.ks-about-part1 .left_content h3{
    font-size:28px; 
    letter-spacing: 0.1em;
    color: #d10003;
}

  .ks-about-part1 .left_img{
      width: 100%;
  }
  .ks-about-part1 .left_content{
      width: 100%;
  }
  .ks-about-part1 .right_content{
      width: 100%;
      padding:0px;
  }
    .ks-about-part1 .right_img{
      width: 100%;
  }
  .col-md-about-4{
      width: 33%;
      padding: 0px;
  }  
  .p40{
      padding-top:10px;
  }
  .col-md-about-4 a h3{
      font-size: 18px;;
}
  .ab-title{
      font-size: 18px;
  }
  
  .product-kuisheng-list{
      display: block;
          padding: 20px 10px;
          text-align: center;
  }
  .product-kuisheng-list .product-box a img{
      width:120px;
  }
  
  .product-box {
    margin-bottom: 10px;
    width: 100%;
   }
.crumb-ab .non-active{
    padding:15px 6px;
    font-size: 12px;
}
.blog-list .item-post{
    padding-top: 10px;
}
  .blog-page .col-md-3{
      padding:0px 15px 10px;
  }
  .blog-list .item-post h4{
      margin-bottom: 0px;
  }
  .blog-list .item-post a.more-link{
      margin-top: 0;
  }
  footer .widget-footer ul li{
      width:100px;
  }
  .foot-container .row .col-md-3{
      clear: both;
  }
  .text-underline:after{
      bottom: -2px;
  }
  summary::after{
      display: none;
  }
  .home section{
      padding:20px 0px 0px;
  }
  .f21{
      font-size: 14px;
  }
  .product-title-box h4{
      font-size: 14px;
  }
  .ab-title-line-h2{
      padding-left: 30px;
      font-size: 18px;
  }
  .product-kuisheng-list .product-title-box p{
      font-size: 12px;
      height: 70px;
      display: none;
  }
  .product-kuisheng{
          width: 50%;
    float: left;
  }
  .product-kuisheng-list{
     height: auto;
  }
  .product-title-box .product-dec-a{
      font-size: 12px;
      padding:4px 20px;
      position: relative;
    right: 0px;
  }
  .product-title-box{
      padding-right: 0px;
      padding-left: 0px;
  }
  .product-table-td-key, .product-table-th{
      font-size: 14px;
          width: 40%;
  }
  .product-table-td-value, .product-table-th{
      font-size: 12px;
  }
  .food-box{
      margin-bottom: -30px;
  }
  .mobile-foot-nav{
      display: none;
  }
  .home .features-home.home3 .parallax-hourse{
      padding:0px;
  }
  .hr_mobile{
      display: none;
  }
  .product-kuisheng{
      padding: 2px;
  }
  .div20 div img{
          width: 100%;
  }
}
@media (max-width: 767px) {
  .all-project-v2 .item {
    width: 100%;
    padding: 0 15px;
  }
  .all-project-v2 .item h4,
  .all-project-v2 .item .cat-name {
    padding: 0;
  }
  .latest-list.list3,
  .latest-list.list2 {
    padding: 0 15px;
  }
  .latest-list.list3 .item-latest,
  .latest-list.list2 .item-latest {
    width: 100%;
    margin-bottom: 15px;
  }
  .latest-list .item-latest {
    width: 100%;
    margin-bottom: 15px;
  }
  .features {
    margin-bottom: 25px;
  }
  .get-action p {
    font-size: 26px;
  }
  .comments-area .col-6,
  .form-info .col-4 {
    width: 100%;
  }
  .tp-caption {
    display: none;
  }
  .content-404 {
    text-align: center;
    padding: 60px 0 40px;
  }
  .image-404 {
    text-align: center;
  }
  .page-title{
height: 200px;
}
.page-title img{
    height: 200px;
}
.wp-zhuanmai{
    display: block;
    
}
.zhuanmaidiv{
    padding: 0px 2em !important;
    margin: 0px;
}
.header3 .btn-toggle{
    color: #666;
}
.image-container{
    
}
.content-block{
    display: block;
}
.left-column{
    width: 100%;
}
footer .widget-footer .gallery-image{
    width:100%;
}
.wp-block-details{
    cursor: pointer;
    background: #f1f1f1;
    margin: 0px 10px;
}
.top-line{
    display: none;
}
.crumb{
    display: none;
}

.home .latest-project2{
    padding: 0px 15px;
}
.new-h2{
    font-size: 24px;
}
.home h2{
    font-size: 18px;
    margin-bottom:30px;
}
.post h2{
    font-size: 14px;
    margin-bottom: 5px;
}
.post p{
    font-size: 12px;
}
.right-column .post{
    padding: 0px;
}
.brand-image{
    margin: 10px;
}
.index-service .is-item{
    margin: 10px 50px;
}
.owl-carousel-service .owl-nav .owl-next span{
    width: 4rem;
    height: 4rem;
    line-height: 3.2rem;
    right: -1%;
}
.owl-carousel-service .owl-nav .owl-prev span{
    width: 4rem;
    height: 4rem;
    line-height: 3.2rem;
    left: -1%;
}
.title-chinese, .title-english{
    font-size: 12px;
    color: #1b1b1a;
}
.brand-titles{
    position: relative;
    left: 0px;
    top: 10px;
    color: #3d3c3b;
}
.brand-titles p{font-size:12px;}
.home .our-services{
    padding:20px;
}
.mobile-divb{
    display: none;
}
footer .widget-footer p{
    font-size: 12px;
    margin-bottom:0px;
}
.moblie-footer p{
    font-size: 12px;
}
footer .widget-footer .gallery-image img{
    width:100px;
}
footer .widget-footer{
    padding:10px 0px;
}
.shadow-section .container .box-shadow{
    height: 10px;
} 
.crumb-ab .active{
    padding:17px 0px;
}
header .logo img{
    max-width:60px;
}
.mobile_h2_logo{
    display: inline;
    font-size: 14px;
}
/*07*/
    .bgImg{margin:0 15px;}
	.organ_block dt{ width:100%; height: auto;}
	.organ_block dt .bgImg img{ display:block; width: 100%;}
	.organ_block dd{ padding:15px;}
	.organ_info{ max-height: none;}
	.organ_info h6{
    font-size: 16px;
}
}

@media (max-width: 479px) {
  .top-info .e-mail {
    display: none;
  }
  .coming-soon-content h2 {
    font-size: 30px;
  }
  .coming-soon-content p {
    font-size: 16px;
  }
  .coming-soon-content .countdown li {
    font-size: 35px;
  }
  .coming-soon-content .countdown li p {
    
  }
  .coming-soon-content .newsletter-email {
    float: none;
    width: 90%;
    padding: 8px 12px;
    text-align: center;
  }
  .coming-soon-content .ot-btn {
    margin-top: 10px;
    width: 90%;
    height: 36px;
    padding: 0;
  }
  .coming-soon-content .ot-btn i {
    display: none;
  }
  .inner_banner{
      height: 144px;
  }
}
/*Boxed*/
body.boxed{
  max-width: 1200px;
  margin: auto;
  box-shadow: 0 0 7px #ddd;
  position: relative;
  background: #fff;
}
html{
  background: url(images/pattern/1.png) repeat;
}
/*Preloader*/
.images-preloader {
  position: fixed;
  z-index: 100001;
  background-color: #eee;
  width: 100%;
  height: 100%;
}
.rectangle-bounce {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -10px;
}
#preloader_1 {
  position: relative;
}
#preloader_1 span {
  display: block;
  bottom: 0px;
  width: 9px;
  height: 5px;
  background: #ffae4e;
  position: absolute;
  animation: preloader_1 1.5s infinite ease-in-out;
}
#preloader_1 span:nth-child(2) {
  left: 11px;
  animation-delay: .2s;
}
#preloader_1 span:nth-child(3) {
  left: 22px;
  animation-delay: .4s;
}
#preloader_1 span:nth-child(4) {
  left: 33px;
  animation-delay: .6s;
}
#preloader_1 span:nth-child(5) {
  left: 44px;
  animation-delay: .8s;
}
@keyframes preloader_1 {
  0% {
    height: 5px;
    transform: translateY(0px);
    background: #ffae4e;
  }
  25% {
    height: 30px;
    transform: translateY(15px);
    background: #ffae4e;
  }
  50% {
    height: 5px;
    transform: translateY(0px);
    background: #ffae4e;
  }
  100% {
    height: 5px;
    transform: translateY(0px);
    background: #ffae4e;
  }
}